<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <link rel="stylesheet" type="text/css" href="./css/reset.css">
    <link rel="stylesheet" type="text/css" href="./css/page.css">
    <body>
    	<header>
    		<h1>小K的blog</h1>
    		<h4>乘风行，无惧</h4>
    	</header>
    	<nav>
    		<!--ul>li*4>a{导航$}-->
    		<ul>
    			<li><a href="">导航1</a></li>
    			<li><a href="">导航2</a></li>
    			<li><a href="">导航3</a></li>
    			<li><a href="">导航4</a></li>
    		</ul>
    	</nav>
    	<div id="main">
    		<div id="leftside">
    			<article>
    				<h2><a href="#">午后的街头</a></h2>
    				<div class="entry_header">
    					<time>2018/8/9</time>
    					by
    					<a href="#" class="catlink">十八</a>
    					<a href="#" class="comment">闲谈随笔</a>
    					<a href="#">8条评论</a>
    				</div>
    				<div class="entry_content">
    					<p>有时突然想说我爱你,<br/>
    					有时突然慌张忧伤</p>
    					<p>像迷路的孩子,<br/>
    					东张西望</p>
    					<p>
    					伸出双手想抓住,时光像泥鳅一样
    					</p>
    				</div>
    			</article>
    			<article>
    				<h2><a href="#">午后的街头</a></h2>
    				<div class="entry_header">
    					<time>2018/8/9</time>
    					by
    					<a href="#" class="catlink">十八</a>
    					<a href="#" class="comment">闲谈随笔</a>
    					<a href="#">8条评论</a>
    				</div>
    				<div class="entry_content">
    					<p>有时突然想说我爱你,<br/>
    					有时突然慌张忧伤</p>
    					<p>像迷路的孩子,<br/>
    					东张西望</p>
    					<p>
    					伸出双手想抓住,时光像泥鳅一样
    					</p>
    				</div>
    			</article>
    			<article>
    				<h2><a href="#">午后的街头</a></h2>
    				<div class="entry_header">
    					<time>2018/8/9</time>
    					by
    					<a href="#" class="catlink">十八</a>
    					<a href="#" class="comment">闲谈随笔</a>
    					<a href="#">8条评论</a>
    				</div>
    				<div class="entry_content">
    					<p>有时突然想说我爱你,<br/>
    					有时突然慌张忧伤</p>
    					<p>像迷路的孩子,<br/>
    					东张西望</p>
    					<p>
    					伸出双手想抓住,时光像泥鳅一样
    					</p>
    				</div>
    			</article>
    			<div class="pagebar">
    				Pages&nbsp;
    				<a href="#">1</a>
    				<a href="#">2</a>
    				<a href="#">3</a>
    						4
    				<a href="#">5</a>
    				<a href="#">6</a>
    			</div>
    		</div>
    		<div id="rightside">
    			<aside>
    				<input type="text" name="" value="Search...">
    			</aside>
    			<aside>
    				<h4>测试标题</h4>
    				<ul>
    					<li><a href="#">文章标题</a></li>
    					<li><a href="#">文章标题</a></li>
    					<li><a href="#">文章标题</a></li>
    					<li><a href="#">文章标题</a></li>
    				</ul>
    			</aside>
    			<aside>
    				<h4>测试标题</h4>
    				<ul>
    					<li><a href="#">文章标题</a></li>
    					<li><a href="#">文章标题</a></li>
    					<li><a href="#">文章标题</a></li>
    					<li><a href="#">文章标题</a></li>
    				</ul>
    			</aside>
    			<aside>
    				<h4>测试标题</h4>
    				<ul>
    					<li><a href="#">文章标题</a></li>
    					<li><a href="#">文章标题</a></li>
    					<li><a href="#">文章标题</a></li>
    					<li><a href="#">文章标题</a></li>
    				</ul>
    			</aside>
    		</div>
    	</div>
    	<footer>
    		<!--版权部分-->
    		Copyright &copy 2018.8.9 by 小K
    	</footer>
    </body>
</html>